/*Wrapper funzione .text(). Estrae solo il testo dell'elemento selezionato e non quello dei figli*/
jQuery.fn.justtext = function() {  
    return $(this)  .clone()
            .children()
            .remove()
            .end()
            .text();
};

$(function() {
	$("#reset_top").click(function(){
		location.reload();
	})
	$("#reset_bottom").click(function(){
		location.reload();
	});
	$(".sortable ul").sortable({
		placeholder: "ui-state-highlight",
		create: function(){
			$("#mappa_posizioni").val(""); //pulisci il campo hidden
			$("#salva_top").attr('disabled','disabled'); //disabilita il pulsante "salva"
			$("#salva_bottom").attr('disabled','disabled');
			$("#reset_top").attr('disabled','disabled');
			$("#reset_bottom").attr('disabled','disabled');
		},
	
		update: function(e,ui){ //ogni volta che l'animazione finisce...
			
			var posizioni_str = ""; //...crea una stringa vuota per salvare le posizioni...id_strumento&macchina&macchina$id_strumento&...
			
			$( ".main li.id_strumento" ).each(function() { //...itera sugli elementi della lista esterna...
				
				var strumento = $( this ).justtext(); //l'ID dello strumento diventa l'inzio di ogni sottostringa di posizioni

				posizioni_str += strumento;
				var primo_elemento = 'first';
				$("#"+$( this ).attr('id')+" ul.nested").children("li").each(function(){ //...itera sui figli di ogni strumento...

					posizioni_str += "&"+$(this).attr("id"); //...e mettili nella mappa...
					$(this).attr('class', primo_elemento);
					primo_elemento = '';
				});
				posizioni_str += "$"; //carrattere di chiusura
			});

			console.log(posizioni_str);
			
			$("#mappa_posizioni").val(posizioni_str);
			$("#salva_top").removeAttr('disabled'); //abilita il pulsante "salva" quando ci sono modifiche
			$("#salva_bottom").removeAttr('disabled');
			$("#reset_top").removeAttr('disabled');
			$("#reset_bottom").removeAttr('disabled');
		}
	});
});

function showAlert() {
    $("#save_alert").addClass("in");
}

function closeAlert() {
	$("#save_alert").removeClass("in");
	$("#save_alert").addClass("out");
}

window.setTimeout(function () {
    showAlert();
}, 500);



